<!doctype html>
<html lang="en">
 <head>
	 <meta charset="UTF-8">
	 <title>轮播图（进度条版）</title>
	 <link rel="stylesheet" href="style.css"/>
 </head>
 <body>

	<div id="web">
		<div class="con">
			<ul>
				<li style="background-image:url(images/bg1.jpg);left:0%;" id="a">
					<img class="title" src="images/title.png" />
					<img class="home_desc" src="images/home_desc.png" />
					<div class="button">
						<a href="#">Android版下载</a>
						<a href="#">iOS 版下载</a>
					</div>
				</li>
				<li style="background-image:url(images/bg2.png)"></li>
				<li style="background-image:url(images/bg3.png)"></li>
				<li style="background-image:url(images/bg4.png)"></li>
			</ul>
		</div>
		<div class="nav">
			<div class="dot">
				<div class="bar"></div>
			</div>
			<ul>
				<li class="color_white"><img src="images/0.png" />首页</li>
				<li><img src="images/nav1.png" />微任务介绍</li>
				<li><img src="images/nav2.png" />精美礼品</li>
				<li><img src="images/nav3.png" />意见反馈</li>
			</ul>
		</div>
	</div>
	<script src="anime.min.js"></script>

	<script type="text/javascript" src="main.js"></script>
 </body>
</html>
